<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>任务管理</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script src="../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../js/ColumnsMenu.js"></script>
    <script src="../../../../../js/dateUtil.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../../css/commen.css"/>
</head>
<body>
	<!-- 懒加载：tab栏（待办/已办/历史） -->
	<!-- <div id="tabs1" class="mini-tabs" activeIndex="0" style="width:600px;height:350px;"
    url="tabs.txt" >  -->
    
    <!-- 撑满整个页面：tab栏（待办/已办/历史） onbeforeactivechanged='onbeforeactivechanged(this)' -->
    <div id="tabs1" class="mini-tabs" activeIndex="0" style="width:100%;height:100%;" bodyStyle="padding:0;border:0;" >
	    <div title="待办任务">
	        <!-- 按钮：toolbar -->
	        <div class="mini-toolbar" style="padding:2px;border:0;">
	            <table style="width:100%;">
	                <tr>
	                <td style="width:100%;">
	                   <!--  <a class="mini-button" iconCls="icon-expand" onclick="flowProcess()">办理任务</a>
	                    <a class="mini-button" iconCls="icon-find" onclick="seeImg()">查看当前流程图</a> -->
	                </td>
	                <td style="white-space:nowrap;">

	                </td>
	                </tr>
	            </table>
	        </div>
			<!-- 待办任务数据表 -->
	        <div class="mini-fit">
	        	<!-- Task to do：待办任务 -->
	            <div id="datagrid1" class="mini-datagrid" style="width:100%;height:99%;" showPager="false">
	                <div property="columns">
	                    <!--<div type="indexcolumn" ></div>-->
						<div field="_id" width="120" headerAlign="center" align="center" visible="false">ID</div>
						<div field="explain" width="120" headerAlign="center" align="center">主题</div>
	                     <div field="taskId" width="120" headerAlign="center" align="center">单据id</div>
	            		<div field="name" width="120" headerAlign="center" align="center">当前节点</div>
	            		<div field="formName" width="120" headerAlign="center" align="center">单据类型</div>
	            		<div field="createTime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" align="center">创建时间</div>
	            		<div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>
	                </div>
	            </div>   
	        </div>
	    </div>
	    <!--  iconCls="icon-cut" 该属性可给tab栏标题添加图标icon -->
	    <div title="已办任务">
	        <!-- 按钮：toolbar -->
	        <div class="mini-toolbar" style="padding:2px;border:0;">
	            <table style="width:100%;">
	                <tr>
	                <td style="width:100%;"></td>
	                <td style="white-space:nowrap;">
	                    <!--<a class="mini-button" iconCls="icon-reload" onclick="alreadyRefresh()">刷新</a>-->
	                </td>
	                </tr>
	            </table>
	        </div>
			<!-- 已办任务数据表 -->
	        <div class="mini-fit">
	            <div id="datagrid2" class="mini-datagrid" style="width:100%;height:99%;" showPager="false">
	                <div property="columns">
						<div field="explain" width="120" headerAlign="center" align="center">主题</div>
						<div field="taskId" width="120" headerAlign="center" align="center">单据id</div>
						<div field="name" width="120" headerAlign="center" align="center">当前节点</div>
						<div field="cTableName" width="120" headerAlign="center" align="center">单据类型</div>
						<div field="createTime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" align="center">开始时间</div>
						<!--<div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>-->
	                </div>
	            </div>   
	        </div>
	    </div>
	    <!--  showCloseButton="true" 次属性添加以后，tab会显示关闭按钮，可关闭 -->
	    <div title="历史任务" onclick="historyHttpList()">
	        <!-- 按钮：toolbar -->
	        <div class="mini-toolbar" style="padding:2px;border:0;">
	            <table style="width:100%;">
	                <tr>
	                <td style="width:100%;"></td>
	                <td style="white-space:nowrap;">
	                    <!--<a class="mini-button" iconCls="icon-reload" onclick="historyRefresh()">刷新</a>-->
	                </td>
	                </tr>
	            </table>
	        </div>
			<!-- 历史任务数据表 -->
	        <div class="mini-fit">
	            <div id="datagrid3" class="mini-datagrid" style="width:100%;height:99%;" showPager="false">
	                <div property="columns">
	                   	<!--<div type="indexcolumn" ></div>-->
						<!--<div type="indexcolumn" ></div>-->
						<!--<div field="id" width="120" headerAlign="center" align="center" visible="false">ID</div>-->
						<div field="explain" width="120" headerAlign="center" align="center">主题</div>
						<div field="taskId" width="120" headerAlign="center" align="center">单据id</div>
						<div field="name" width="120" headerAlign="center" align="center">当前节点</div>
						<div field="cTableName" width="120" headerAlign="center" align="center">单据类型</div>
						<div field="createTime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" align="center">结束时间</div>
	                </div>
	            </div>   
	        </div>
	    </div>
	    <!--  showCloseButton="true" 次属性添加以后，tab会显示关闭按钮，可关闭 -->
	    <div title="全部任务" onclick="historyHttpList()">
	        <!-- 按钮：toolbar -->
	        <div class="mini-toolbar" style="padding:2px;border:0;">
	            <table style="width:100%;">
	                <tr>
	                <td style="width:100%;"></td>
	                <td style="white-space:nowrap;">
	                    <!--<a class="mini-button" iconCls="icon-reload" onclick="historyRefresh()">刷新</a>-->
	                </td>
	                </tr>
	            </table>
	        </div>
			<!-- 全部任务数据表 -->
	        <div class="mini-fit">
	            <div id="datagrid4" class="mini-datagrid" style="width:100%;height:99%;" showPager="false">
	                <div property="columns">
	                   	<!--<div type="indexcolumn" ></div>-->
						<div field="explain" width="120" headerAlign="center" align="center">主题</div>
						<div field="taskId" width="120" headerAlign="center" align="center">单据id</div>
						<div field="name" width="120" headerAlign="center" align="center">当前节点</div>
						<div field="cTableName" width="120" headerAlign="center" align="center">单据类型</div>
						<div field="createTime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" align="center">结束时间</div>
	                </div>
	            </div>   
	        </div>
	    </div>
</div>
    <!-- 查看流程图 -->
	<div id="process" style="background:#fff;width:1000px;height:400px;position:absolute;left:50%;top:18%;margin-left:-492px;display: none" >
	    <div style="width: 100%;height:30px;position: relative">
	        <a class="mini-button" iconCls="icon-remove" onclick="closeWin()">关闭</a>
	    </div>
	    <div style="background:#fff;margin:0 auto">
	    	<img id="imgs" src="" alt=""/>
	    </div>
	</div>
    <!-- 查看历史批注-->
	<div id="comments" style="background:#fff;width:1000px;height:400px;position:absolute;left:50%;top:18%;margin-left:-492px;display: none" >
	    <div style="width: 100%;height:30px;position: relative">
	        <a class="mini-button" iconCls="icon-remove" onclick="closecommentWin()">关闭</a>
	    </div>
	    <div style="background:#fff;margin:0 auto">
	    	  <div class="mini-fit">
	            <div id="commentGrid" class="mini-datagrid" style="width:100%;height:99%;" showPager="false">
	                <div property="columns">
	                   	<div type="indexcolumn" ></div>
	                   	<div field="taskId"  headerAlign="center" align="center">任务ID</div>
	                   	<div field="fullMessage"  headerAlign="center" align="center" >审核意见</div>
	                   	<div field="time"  headerAlign="center" align="center" >审核时间</div>
	                   <!-- 	<div field="type"  headerAlign="center" align="center">审核类型</div>
	                	<div field="processInstanceId"  headerAlign="center" align="center" >流程定义</div> -->
	                </div>
	            </div>   
	        </div>
	    </div>
	</div>

	<script src="../../js/activiti_js/taskManagement.js"></script>
</body>
</html>